<%@ page language="java" pageEncoding="UTF-8"%><%@ include file="common/global.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>首页</title>
<%@ include file="common/meta.jsp"%>
<%@ include file="common/style.jsp"%>
<%@ include file="common/script.jsp"%>
</head>
<body>
	<jsp:include page="/pages/web/include/header.jsp" />

	<div class="living_middle wow bounceInLeft" data-wow-delay="0.4s">
		<div class="container">
			<h2 class="title block-title">Recent Properties</h2>
			<div class="col-md-3 wow fadeInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: fadeInLeft 0.4s;">
				<div class="living_box">
					<a href="#"> <img src="images/l1.jpg" class="img-responsive" alt=""> <span class="sale-box"> <span class="sale-label">Apartment</span>
					</span>
					</a>
					<div class="living_desc">
						<h3>
							<a href="#">aliquam volutp</a>
						</h3>
						<p>Lorem ipsum consectetuer adipiscing</p>
						<a href="#" class="btn3">For Sale</a>
						<p class="price">$687,000</p>
					</div>
					<table border="1" class="propertyDetails">
						<tbody>
							<tr>
								<td><img src="images/area.png" alt="" style="margin-right: 7px;">2,412m</td>
								<td><img src="images/bed.png" alt="" style="margin-right: 7px;">6 Beds</td>
								<td><img src="images/drop.png" alt="" style="margin-right: 7px;">3 Baths</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="col-md-3 wow fadeInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: fadeInLeft 0.4s;">
				<div class="living_box">
					<a href="#"> <img src="images/l2.jpg" class="img-responsive" alt=""> <span class="sale-box"> <span class="sale-label">Apartment</span>
					</span>
					</a>
					<div class="living_desc">
						<h3>
							<a href="#">aliquam volutp</a>
						</h3>
						<p>Lorem ipsum consectetuer adipiscing</p>
						<a href="#" class="btn3">For Sale</a>
						<p class="price">$687,000</p>
					</div>
					<table border="1" class="propertyDetails">
						<tbody>
							<tr>
								<td><img src="images/area.png" alt="" style="margin-right: 7px;">2,412m</td>
								<td><img src="images/bed.png" alt="" style="margin-right: 7px;">6 Beds</td>
								<td><img src="images/drop.png" alt="" style="margin-right: 7px;">3 Baths</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="col-md-3 wow fadeInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: fadeInLeft 0.4s;">
				<div class="living_box">
					<a href="#"> <img src="images/l3.jpg" class="img-responsive" alt=""> <span class="sale-box"> <span class="sale-label">Apartment</span>
					</span>
					</a>
					<div class="living_desc">
						<h3>
							<a href="#">aliquam volutp</a>
						</h3>
						<p>Lorem ipsum consectetuer adipiscing</p>
						<a href="#" class="btn3">For Sale</a>
						<p class="price">$687,000</p>
					</div>
					<table border="1" class="propertyDetails">
						<tbody>
							<tr>
								<td><img src="images/area.png" alt="" style="margin-right: 7px;">2,412m</td>
								<td><img src="images/bed.png" alt="" style="margin-right: 7px;">6 Beds</td>
								<td><img src="images/drop.png" alt="" style="margin-right: 7px;">3 Baths</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="col-md-3 wow fadeInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation: fadeInLeft 0.4s;">
				<div class="living_box">
					<a href="#"> <img src="images/l3.jpg" class="img-responsive" alt=""> <span class="sale-box"> <span class="sale-label">Apartment</span>
					</span>
					</a>
					<div class="living_desc">
						<h3>
							<a href="#">aliquam volutp</a>
						</h3>
						<p>Lorem ipsum consectetuer adipiscing</p>
						<a href="#" class="btn3">For Sale</a>
						<p class="price">$687,000</p>
					</div>
					<table border="1" class="propertyDetails">
						<tbody>
							<tr>
								<td><img src="images/area.png" alt="" style="margin-right: 7px;">2,412m</td>
								<td><img src="images/bed.png" alt="" style="margin-right: 7px;">6 Beds</td>
								<td><img src="images/drop.png" alt="" style="margin-right: 7px;">3 Baths</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="badoopager">
		<a class="disabled">首页</a>
		<a class="disabled">上一页</a>
		<a class="current">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
		<a href="#">6</a>
		<a href="#">7</a>
		<a href="#">8</a>
		<a href="#">9</a>
		<a href="#">10</a>
		<a href="#">...</a>
		<a href="#">下一页</a>
		<a href="#">尾页</a>
	</div>
	<jsp:include page="/pages/web/include/footer.jsp" />
</body>
</html>
